<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Background images - fullPage.js</title>
    <meta name="author" content="Alvaro Trigo Lopez"/>
    <meta name="description" content="fullPage full-screen backgrounds."/>
    <meta name="keywords" content="fullpage,jquery,demo,screen,fullscreen,backgrounds,full-screen"/>
    <meta name="Resource-type" content="Document"/>
    <link rel="stylesheet" type="text/css" href="/assets/www/css/style.css">
    <script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

    <script type="text/javascript" src="/assets/library/fullpage/jquery.fullPage.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#fullpage').fullpage({
                verticalCentered: false,
                sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE'],
                anchors: ['firstPage', 'secondPage', '3rdPage', '4thPage'],
                slidesColor: '#ffffff'
            });
        });
    </script>

</head>
<body>

<div id="fullpage">
    <div class="section " id="section0">
        <div class="logo">
            <a href="###"><img src="web/logo.png" alt=""></a>
        </div>
        <div class="download-btn" data-menuanchor="4thPage">
            <a href="#4thPage" id="downloadIcon" data-anchor="section3"><img src="web/download-icon.png" alt=""></a>
        </div>
    </div>
    <div class="section" id="section1">
        <img src="web/2.png" style="width: 100%" alt="">
    </div>
    <div class="section" id="section2">
        <div class="page3-left">
            <h1>农场基地</h1>

            <h3>遵循健康、有机、放心农副产品</h3>
        </div>
        <div class="page3-right">
            <img src="web/3.png" alt="">
        </div>
    </div>
    <div class="section" id="section3">
        <div class="page4-left">
            <img src="web/4.png">
        </div>
        <div class="page4-right">
            <h1>社区</h1>

            <h3>提供养生、旅游、培训等</h3>

            <h3>个性化定制产品</h3>
        </div>
    </div>
    <div class="section" id="section4">
        <div class="page5-left">
            <h1>产品展示</h1>

            <h3>有机产品质量把关</h3>
        </div>
        <div class="page5-right">
            <img src="web/5.png" alt="">
        </div>
    </div>
    <div class="section" id="section5">
        <div class="page6-left">
            <img src="web/6.png" alt="">
        </div>
        <div class="page6-right">
            <h1>直播</h1>

            <h3>7x24小时APP实时监控</h3>

            <h3>有机产品生长采摘过程</h3>
        </div>
    </div>
    <div class="section" id="section6">

    </div>
</div>

</body>

</html>